<template>
  <div>
    <p v-addBold v-addColor>{{count | addFilter}}</p>

    <p v-addColor>{{add | addFilter1(2)}}</p>
  </div>
</template>

<script>
export default {
  name : 'App',
  data(){
    return {
      count : 300,
      add : 1999
    }
  },
  filters:{
    addFilter(value){
      return value + "元"
    }
  },
  directives:{
    addBold(ele){
      ele.style.fontWeight = "bold" 
    }
  }
}
</script>

<style>

</style>